<template>
    <div>
        <h3>项目打包</h3>
        <ul>
            <li>通过 项目目录中 package.json 记录的 脚本名 build 完成资源编译合并：npm run build</li>
            <li>当npm run build 运行成功，会生成报告日制，同时被编译的文件会记录与 项目的 dist 目中</li>
            <li>生成的代码为 html+css+js+静态资源 组成无需任何环境的服务器项目文件</li>
            <li>
                <p>注意事项</p>
                <ol>
                    <li>默认项目的打包文件必须在服务器 根目录下运行，因为所有的静态资源都会编译为 / 路径访问</li>
                    <li>如果项目需要以多级域名的方式进行部署(项目代码不能放在根目录),打包前修改vue.config.js 文件的publicPath为部署目录</li>
                </ol>
            </li>
        </ul>
        <hr>
        <h3>git 打包部署【将源代码和项目代码统一放置到服务器上 = 服务器是git仓库的同时也是项目访问目录】</h3>
        <ol>
            <li>将不上传的dist目录从.gitignore忽略文件中移除</li>
            <li>以 git 代码提交方式将资源提交到服务器</li>
            <li>git 服务器通过指定静态资源目录的方式，完成项目部署</li>
            <li>如果后续对项目进行维护和开发需要完成如下操作: <br>
                运行打包 npm run build <br>
                git 提交代码 <br>
                更新服务器
            </li>
        </ol>
    </div>
</template>

<script>
    export default {
        
    }
</script>

<style scoped>

</style>